{% extends 'layout.html' %}

{% block content %}
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
    <ol class="breadcrumb">
        <li><a href="#">首页</a></li>
        <li><a href="#">数据列表</a></li>
        <li class="active">新增用户信息</li>
    </ol>
    <div class="panel panel-default">
        <div class="panel-heading">表单数据
            <div data-target="#myModal" data-toggle="modal" style="float:right;cursor:pointer;"><i
                    class="glyphicon glyphicon-question-sign"></i></div>
        </div>
        <div class="panel-body">
            <form method="post" role="form">
                {% csrf_token %}
                <div class="form-group">
                    <label for="exampleInputLogin1">登陆账号</label>
                    <input class="form-control" id="exampleInputLogin1" name="login_account" placeholder="请输入登陆账号"
                           type="text">
                </div>
                <div class="form-group">
                    <label for="exampleInputName1">用户名称</label>
                    <input class="form-control" id="exampleInputName1" name="user_name" placeholder="请输入用户名称"
                           type="text">
                </div>
                <div class="form-group">
                    <label for="exampleInputPassword1">密码</label>
                    <input class="form-control" id="exampleInputPassword1" name="password" placeholder="请输入用户密码"
                           type="text">
                </div>
                <div class="form-group">
                    <label for="exampleInputAge1">年龄</label>
                    <input class="form-control" id="exampleInputAge1" name="age" placeholder="请输入用户年龄"
                           type="text">
                </div>
                <div class="form-group">
                    <label for="exampleInputSex1">性别</label>
                    <select class="form-control" id="exampleInputSex1" name="sex" >
                        <option>男</option>
                        <option>女</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="exampleInputEmail1">邮箱地址</label>
                    <input class="form-control" id="exampleInputEmail1" name="email" placeholder="请输入邮箱地址"
                           type="email">
                    <p class="help-block label label-warning"></p>
                </div>
                <button class="btn btn-success" type="submit"><i class="glyphicon glyphicon-plus"></i> 确定新增</button>
                <button class="btn btn-danger" type="button"><i class="glyphicon glyphicon-refresh"></i> 重置</button>
            </form>
        </div>
    </div>
</div>
<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal fade" id="myModal" role="dialog" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span><span
                        class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">帮助</h4>
            </div>
            <div class="modal-body">
                <div class="bs-callout bs-callout-info">
                    <h4>测试标题1</h4>
                    <p>测试内容1，测试内容1，测试内容1，测试内容1，测试内容1，测试内容1</p>
                </div>
                <div class="bs-callout bs-callout-info">
                    <h4>测试标题2</h4>
                    <p>测试内容2，测试内容2，测试内容2，测试内容2，测试内容2，测试内容2</p>
                </div>
            </div>
            <!--
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              <button type="button" class="btn btn-primary">Save changes</button>
            </div>
            -->
        </div>
    </div>
</div>
{% endblock %}
